home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle072704.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-07-16  |  14.2 KB  |  1,002 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     font-family: monaco, "Courier New", courier, monospace;
  37.     font-size: 10px;
  38.     }
  39.  
  40.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  41.  
  42. * html code    {
  43.     font-size: 101%; 
  44.     }
  45.  
  46. * html pre {
  47.     font-size: 101%; 
  48.     }
  49.  
  50. h1 code, h2 code, h3 code, h4 code, th code { font-size: 95%; font-weight: normal; }
  51.  
  52. h1    {
  53.     margin: 0 0 15px 0;
  54.     padding: 0;
  55.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  56.     color: #000;
  57.     }
  58.     
  59. h2    {
  60.     margin: 0 0 5px 0;
  61.     padding: 0;
  62.     font-size: 16px;
  63.     color: #000;
  64.     }
  65.     
  66. #header h2 { 
  67.     margin: 0;
  68.     }
  69.     
  70. p + h2 {
  71.     margin: 20px 0 5px 0;
  72.     }
  73.  
  74. ol + h2 {
  75.     margin: 20px 0 5px 0;
  76.     }
  77.  
  78. ul + h2 {
  79.     margin: 20px 0 5px 0;
  80.     }
  81.     
  82. h3    {
  83.     margin: 0;
  84.     padding: 0;
  85.     font-size: 12px;
  86.     color: #000;
  87.     }
  88.  
  89. h3 + table {
  90.     margin: 5px 0 0 0;
  91.     }
  92.     
  93. h4    {
  94.     margin: 0;
  95.     padding: 0;
  96.     font-size: 12px;
  97.     }
  98.     
  99. h3 + h4 {
  100.     margin: 10px 0 0;
  101.     }
  102.     
  103. h6    {
  104.     margin: 0;
  105.     padding: 0;
  106.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  107.     color: #000;
  108.     }
  109.  
  110. p    {
  111.     margin: 0 0 10px 0;
  112.     padding: 0;
  113.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  114.     color: #000;
  115.     }
  116.     
  117. cite {
  118.     font-style: italic;
  119.     }
  120.     
  121. th {
  122.     font-weight: bold;
  123.     text-align: left;
  124.     vertical-align: top;
  125.     }
  126.     
  127. form {
  128.     margin: 0;
  129.     }
  130.     
  131. button {
  132.     margin: 3px 0 10px 0;
  133.     }
  134.     
  135. /* lists */
  136. ul    {
  137.     list-style: square outside;
  138.     margin: 0 0 0 30px;
  139.     padding: 0 0 1em 0;
  140.     }
  141.  
  142. li    {
  143.     margin-top: 3px;
  144.     }
  145.     
  146. ul ul {
  147.     margin-left: 40px;
  148.     }
  149.     
  150. ul.compressed {
  151.     margin-top: -10px;
  152.     }
  153.     
  154. ul.compressed li {
  155.     margin-top: 0;
  156.     }
  157.  
  158. ul.marketing {
  159.     padding-left: 0;
  160.     margin: 0 0 16px 0;
  161.     }
  162.     
  163. ul.marketing li    {
  164.     margin-top: 0;
  165.     margin-left: 0;
  166.     margin-bottom: 2px;
  167.     font-size: 10px;
  168.     }
  169.     
  170. ol {
  171.     margin: 0 0 10px 1.5em;
  172.     padding-left: 1.5em;
  173.     }
  174.  
  175. ul.inline, ol.inline, p.inline {
  176.     margin-top: -7px;
  177.     }
  178.     
  179. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  180.     margin-top: 0;
  181.     }
  182.  
  183. ol.faq li {
  184.     font-weight: bold;
  185.     }
  186.     
  187. ol.steps li {
  188.     font-weight: bold;
  189.     }
  190.     
  191. ul.nav {
  192.     margin: 8px 0 0;
  193.     padding: 0;
  194.     list-style-type: none;
  195.     }
  196.  
  197. ul.nav li {
  198.     margin-top: 4px;
  199.     padding-left: 0;
  200.     }
  201.     
  202. ul.nobullet {
  203.     list-style-type: none;
  204.     margin-left: 0;
  205.     padding-left: 0;
  206.     }
  207.     
  208. ul.nobullet li {
  209.     margin: 3px 0 5px;
  210.     padding-left: 0;
  211.     }
  212.     
  213. /* images */
  214. .leftinline {
  215.     margin: 0 10px 5px 0;
  216.     float: left;
  217.     }
  218.  
  219. .rightinline {
  220.     margin: 0 0 5px 10px;
  221.     float: right;
  222.     }
  223.  
  224.  
  225. /* tables */
  226. .bumblebee {
  227.     border-top: 1px solid #919699;
  228.     border-left: 1px solid #919699;
  229.     border-right: 1px solid #919699;
  230.     }
  231.  
  232. .bumblebee td {
  233.     padding: 10px;
  234.     font-size: 10px;
  235.     }
  236.     
  237. .bumblebee th {
  238.     padding: 6px 10px;
  239.     font-size: 10px;
  240.     }
  241.     
  242. .bumblebee th a {
  243.     color: #FFF;
  244.     }
  245.  
  246. .bumblebee th {
  247.     background: #7E91A4;
  248.     color: #FFF;
  249.     }
  250.  
  251. .bumblebee td {
  252.     border-bottom: 1px solid #919699;
  253.     text-align: left;
  254.     vertical-align: top;
  255.     }
  256.  
  257. .bumblebeeblue {
  258.     background: #F0F5F9;
  259.     }
  260.  
  261. .bumblebeewhite {
  262.     background: #FFF;
  263.     }
  264.     
  265. .bumblebee .bumblebeeblue td.sortcolumn {
  266.     background: #DCE5EE;
  267.     }
  268.     
  269. .bumblebee .bumblebeewhite td.sortcolumn {
  270.     background: #F5F5F5;
  271.     }
  272.     
  273. .bumblebee th.sortcolumn {
  274.     background: #334455;
  275.     }
  276.     
  277. .bumblebeetop {
  278.     border-top: 1px solid #919699;
  279.     border-left: 1px solid #919699;
  280.     border-right: 1px solid #919699;
  281.     background: #E2E2E2;
  282.     }
  283.     
  284. .bumblebeetop td{
  285.     padding: 10px;
  286.     }
  287.  
  288. table.bumblebeetop select { width: 230px;}
  289.  
  290. .bumblebeetop td.display { border-left: 1px solid #a1a5a9;}
  291.  
  292. .bumblebeetop .pagenav td {padding: 5px 10px; font-size: 10px; border-top: 1px solid #a1a5a9;}
  293. .bumblebee .pagenav td {padding: 5px 10px; font-size: 10px; background: #E2E2E2;}
  294. .bumblebee .pagenav td.rightcolumn { text-align: right;}
  295.  
  296. td.middle, th.middle {
  297.     vertical-align: middle;
  298.     }
  299.     
  300. td.top, th.top {
  301.     vertical-align: top;
  302.     }
  303.     
  304. td.bottom, th.bottom {
  305.     vertical-align: bottom;
  306.     }
  307.     
  308. td.center, th.center {
  309.     text-align: center;
  310.     }
  311.     
  312. td.right, th.right {
  313.     text-align: right;
  314.     }
  315.     
  316. .smalltable td p {
  317.     font-size: 11px;
  318.     }
  319.  
  320.     
  321. .graybox {
  322.     border-top: 1px solid #919699;
  323.     border-left: 1px solid #919699;
  324.     margin-bottom: 10px;
  325.     }
  326.     
  327. .graybox th {
  328.     padding: 4px 8px 4px 8px;
  329.     background: #E2E2E2;
  330.     font-size: 12px;
  331.     font-weight: bold;
  332.     border-bottom: 1px solid #919699;
  333.     border-right: 1px solid #919699;
  334.     }
  335.     
  336. .graybox td {
  337.     padding: 8px;
  338.     font-size: 12px;
  339.     text-align: left;
  340.     vertical-align: top;
  341.     border-bottom: 1px solid #919699;
  342.     border-right: 1px solid #919699;
  343.     }
  344.     
  345. .graybox table td {
  346.     border: none;
  347.     padding: 0;
  348.     vertical-align: middle;
  349.     }
  350.  
  351. .marketingbox {
  352.     width: 100%;
  353.     border: 1px solid #a1a5a9;
  354.     }
  355.  
  356. .marketingbox th {
  357.     padding: 4px 8px 4px 8px;
  358.     background: #C83808;
  359.     font-size: 12px;
  360.     font-weight: bold;
  361.     color: #FFF;
  362.     }
  363.  
  364. .marketingbox td {
  365.     padding: 8px 8px 0 8px;
  366.     text-align: left;
  367.     vertical-align: top;
  368.     }
  369.     
  370. .documentationtable {
  371.     border: none;
  372.     }
  373.  
  374. .documentationtable td {
  375.     border-bottom: 1px solid #919699;
  376.     text-align: left;
  377.     vertical-align: top;
  378.     padding: 8px 0 5px 0;
  379.     }
  380.     
  381. .documentationtable p {
  382.     margin-bottom: 8px;
  383.     }
  384.     
  385. .documentationtable .bottom{
  386.     border: 0;
  387.     }
  388.         
  389. .businesstable {
  390.     border: none;
  391.     }
  392.  
  393. .businesstable td {
  394.     text-align: left;
  395.     font-size: 10px;
  396.     vertical-align: top;
  397.     padding: 5px 0 10px 0;
  398.     }
  399.     
  400. .documentationtable p {
  401.     font-size: 10px;
  402.     }
  403.  
  404. p.viewall { font-size: 11px; font-weight: bold;}
  405. p.viewlegacytech { font-size: 11px; }
  406. /* rounded corner tables */
  407. .bigboxtop {
  408.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  409.     }
  410.  
  411. .bigboxleft {
  412.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  413.     }
  414.  
  415. .bigboxright {
  416.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  417.     }
  418.  
  419. .bigboxbottom {
  420.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  421.     }
  422.     
  423. .boxtop {
  424.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  425.     }
  426.  
  427. .boxleft {
  428.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  429.     }
  430.  
  431. .boxright {
  432.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  433.     }
  434.  
  435. .boxbottom {
  436.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  437.     }
  438.  
  439.  
  440. /* general classes */
  441. .contentpadding {
  442.     padding: 0 10px;
  443.     }
  444.     
  445. .smalltext {
  446.     font-size: 10px;
  447.     }
  448.     
  449. .blueheader {
  450.     color: #FFF;
  451.     background: #7E91A4;
  452.     padding: 3px 0 3px 7px;
  453.     }
  454.  
  455. .sourcecodebox {
  456.     border: 1px solid #c7cfd5;
  457.     background: #f1f5f9;
  458.     margin: 20px 0;
  459.     padding: 8px;
  460.     text-align: left;
  461.     }
  462.     
  463. .notebox {
  464.     border: 1px solid #a1a5a9;
  465.     background: #f7f7f7;
  466.     margin: 20px 0;
  467.     padding: 8px;
  468.     text-align: left;
  469.     }
  470.     
  471. .importantbox {
  472.     border: 1px solid #111;
  473.     background: #e8e8e8;
  474.     margin: 20px 0;
  475.     padding: 8px;
  476.     text-align: left;
  477.     }
  478.     
  479. .warningbox {
  480.     border: 1px solid #000;
  481.     background: #fff;
  482.     margin: 20px 0;
  483.     padding: 8px;
  484.     text-align: left;
  485.     }
  486.     
  487. .warningbox img.warningicon { 
  488.     float: left; 
  489.     margin-top: 3px;
  490.     }
  491.  
  492. .warningbox p { 
  493.     margin: 0 0 0 30px
  494.     }
  495.  
  496. div.clearer {
  497.     clear: both; 
  498.     display: block; 
  499.     margin: 0; 
  500.     padding: 0; 
  501.     height: 0; 
  502.     line-height: 1px; 
  503.     font-size: 1px;
  504.     }
  505.  
  506. div.notebox
  507.     padding-bottom: 5px;
  508.     }
  509.     
  510. .gray {
  511.     color: #787c7f;
  512.     }
  513.     
  514. #footnote h3, #footnote p {
  515.     color: #76797C;
  516.     font-size: 11px;
  517.     }
  518.  
  519. .footnote, .footnote li {
  520.     font-size: 11px;
  521.     color: #76797C;
  522.     }
  523.     
  524. .editorial {
  525.     font-style: italic;
  526.     margin: 20px 0;
  527.     }
  528.     
  529. .libindex {
  530.     border-bottom: 1px solid #939393;
  531.     padding: 0 3px;
  532.     background-color: #DADADA;
  533.     margin: 0 1px;
  534.     }
  535.  
  536. /* forms */
  537. #forms input {
  538.     vertical-align: middle;
  539.     padding: 0;
  540.     margin: 0 0 5px 0;
  541.     }
  542.  
  543. #forms select {
  544.     vertical-align: middle;
  545.     padding: 0;
  546.     margin: 0 0 3px 0;
  547.     }
  548.  
  549. #forms .widefield, #advsearch .widefield {
  550.     width: 98%;
  551.     margin-bottom: 5px;
  552.     }
  553.  
  554. #forms .halffield {
  555.     width: 50%;
  556.     margin-bottom: 5px;
  557.     }
  558.  
  559. #forms .extraspace {
  560.     padding-bottom: 8px;
  561.     }
  562.  
  563. #forms .quarterfield {
  564.     width: 25%;
  565.     margin-bottom: 5px;
  566.     }
  567.     
  568. #forms .inputbutton, #advsearch .inputbutton {
  569.     margin: 5px 0 10px 0;
  570.     border: 0;
  571.     }
  572.     
  573. #forms .checkbox, #advsearch .checkbox {
  574.     margin: 0 5px 0 0;
  575.     vertical-align: baseline;
  576.     }
  577.     
  578. #forms .radio {
  579.     margin: 0 5px 0 0;
  580.     vertical-align: baseline;
  581.     }
  582.     
  583. #forms textarea {
  584.     margin: 0 0 10px 0;
  585.     width: 100%;
  586.     }
  587.     
  588. #forms p {
  589.     margin-top: 7px;
  590.     }
  591.     
  592. #forms .buttonlists {
  593.     line-height: 20px;
  594.     }
  595.     
  596. #forms .buttondescription {
  597.     line-height: 15px;
  598.     margin: -10px 10px 5px 20px;
  599.     font-size: 10px;
  600.     }
  601.  
  602.  
  603. /* header */
  604. #adcnavheader td {
  605.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  606.     }
  607.  
  608. #adcnavheader input {
  609.     margin: 0 3px 0 0;
  610.     padding: 0;
  611.     }
  612.  
  613. #adcnavheader .textpadding {
  614.     padding-top: 2px;
  615.     vertical-align: middle;
  616.     }
  617.     
  618. #adcnavheader .searchbutton {
  619.     border: 0;
  620.     }
  621.  
  622.  
  623. /* breadcrumb */
  624. #breadcrumb td {
  625.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  626.     }
  627.  
  628. #breadcrumb form {
  629.     margin: 0;
  630.     }
  631.     
  632. #breadcrumb select {
  633.     vertical-align:  middle;
  634.     }
  635.  
  636.  
  637. /* sidebar */
  638. #sidebar h2, .swlsidebar h2 {
  639.     font-size: 12px;
  640.     }
  641.     
  642. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  643.     font-size: 12px;
  644.     }
  645.     
  646. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  647.     font-size: 11px;
  648.     }
  649.  
  650. #sidebar ul, .swlsidebar ul {
  651.     margin-left: 16px;
  652.     padding-left: 0;
  653.     }
  654.  
  655. #sidebar li, .swlsidebar li {
  656.     font-size: 11px;
  657.     margin-top: 2px;
  658.     }
  659.     
  660. #sidebar ul.nav, .swlsidebar ul.nav {
  661.     margin: 8px 0 0;
  662.     padding: 0;
  663.     list-style-type: none;
  664.     }
  665.  
  666. #sidebar ul.nav li, .swlsidebar ul.nav li {
  667.     margin-top: 4px;
  668.     padding-left: 0;
  669.     background: none;
  670.     }
  671.  
  672. /* footer */
  673. #footer td, #footer p {
  674.     font-size: 10px;
  675.     }
  676.     
  677. .footerbreadcrumb {
  678.     font-size: 10px;
  679.     }
  680.  
  681. /* 404 page definitions*/
  682. #notfound h2 {
  683.     font-size: 12px;
  684.     }
  685.     
  686. #notfound h3, #notfound h4 {
  687.     font-size: 12px;
  688.     }
  689.     
  690. #notfound p, #notfound ul {
  691.     font-size: 10px;
  692.     }
  693.  
  694. #notfound ul {
  695.     margin: 0 0 15px 0;
  696.     padding-left: 0;
  697.     list-style-type: none;
  698.     }
  699.  
  700. #notfound ul li {
  701.     font-size: 10px;
  702.     margin: 3px 0 0 0;
  703.     padding-left: 0;
  704.     background: none;
  705.     }
  706.     
  707. #notfound ul ul {
  708.     margin-top: 0;
  709.     margin-left: 16px;
  710.     list-style: square outside;
  711.     }
  712.  
  713. #notfound ul ul li {
  714.     margin-left: 0;
  715.     padding-left: 0;
  716.     }
  717.  
  718. li.sectionbreak {
  719.     margin-bottom: 15px;
  720.     }
  721.  
  722. /* advanced search */
  723. #advsearch h4 {
  724.     margin-bottom: 10px;
  725.     }
  726.     
  727. #advsearch p {
  728.     line-height: 20px;
  729.     }
  730.     
  731. /* contact page */
  732. .iconlinks td {
  733.     font-size: 11px;
  734.     }
  735.     
  736. /* search results */
  737. .boxtop7e91a4 {
  738.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  739.     }
  740.  
  741. .boxtopleft7e91a4 {
  742.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  743.     }
  744.  
  745. .boxtopright7e91a4 {
  746.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  747.     }
  748.  
  749. .boxbottom7e91a4 {
  750.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  751.     }
  752.  
  753. .filesize {
  754.     color: #7F8285;
  755.     }
  756.  
  757. tr.results th, tr.results td {
  758.     font-size: 12px;
  759.     color: #FFF;
  760.     background-color: #7e91a4;
  761.     font-weight: normal;
  762.     }
  763.  
  764. tr.results a {
  765.     color: #FFF;
  766.     font-weight: bold;
  767.     }
  768.     
  769. .oddrow {
  770.     background-color: #ffffff;
  771.     }
  772.     
  773. .evenrow {
  774.     background-color: #f0f5f9;
  775.     }
  776.  
  777. /* software licensing descriptions */
  778. .swlleftrule {
  779.     border-left: 1px solid #A1A5A9;
  780.     padding-left: 10px;
  781.     padding-right: 10px;
  782.     }    
  783.  
  784. .swlsidebar {
  785.     padding-right: 10px;
  786.     }
  787.  
  788. /* narrative */
  789. #narrative blockquote {
  790.     margin: 0 20px 10px 20px;
  791.     color: #3972B8;
  792.     }
  793.  
  794. #narrative .pullquote {
  795.     font-size: 17px;
  796.     color: #FFF;
  797.     padding: 8px;
  798.     background-color: #3972B8;
  799.     border: 1px solid #000;
  800.     }
  801.     
  802. #narrative.color779D90 blockquote {
  803.     color: #779D90;
  804.     }
  805.     
  806. #narrative.color779D90 .pullquote {
  807.     background-color: #779D90;
  808.     }
  809.  
  810. #narrative.color3C6E6E blockquote {
  811.     color: #3C6E6E;
  812.     }
  813.     
  814. #narrative.color3C6E6E .pullquote {
  815.     background-color: #3C6E6E;
  816.     }
  817.  
  818. #narrative.color6D8042 blockquote {
  819.     color: #6D8042;
  820.     }
  821.     
  822. #narrative.color6D8042 .pullquote {
  823.     background-color: #6D8042;
  824.     }
  825.  
  826. #narrative.color3E583D blockquote {
  827.     color: #3E583D;
  828.     }
  829.     
  830. #narrative.color3E583D .pullquote {
  831.     background-color: #3E583D;
  832.     }
  833.  
  834. #narrative.color9AB0C5 blockquote {
  835.     color: #9AB0C5;
  836.     }
  837.     
  838. #narrative.color9AB0C5 .pullquote {
  839.     background-color: #9AB0C5;
  840.     }
  841.  
  842. #narrative.color3972B8 blockquote {
  843.     color: #3972B8;
  844.     }
  845.     
  846. #narrative.color3972B8 .pullquote {
  847.     background-color: #3972B8;
  848.     }
  849.  
  850. #narrative.color3C6C9D blockquote {
  851.     color: #3C6C9D;
  852.     }
  853.     
  854. #narrative.color3C6C9D .pullquote {
  855.     background-color: #3C6C9D;
  856.     }
  857.  
  858. #narrative.color7A6B94 blockquote {
  859.     color: #7A6B94;
  860.     }
  861.     
  862. #narrative.color7A6B94 .pullquote {
  863.     background-color: #7A6B94;
  864.     }
  865.     
  866. #narrative.color50395C blockquote {
  867.     color: #50395C;
  868.     }
  869.     
  870. #narrative.color50395C .pullquote {
  871.     background-color: #50395C;
  872.     }
  873.     
  874. #narrative.color812A28 blockquote {
  875.     color: #812A28;
  876.     }
  877.     
  878. #narrative.color812A28 .pullquote {
  879.     background-color: #812A28;
  880.     }
  881.  
  882.     
  883.     
  884. /* source code */
  885. #scdetails p {
  886.     line-height: 17px;
  887.     }
  888.     
  889. #scdetails select {
  890.     vertical-align: middle;
  891.     padding: 0;
  892.     margin: 0;
  893.     }
  894.     
  895. #scdetails input {
  896.     vertical-align: middle;
  897.     padding: 0;
  898.     margin: 0;
  899.     }
  900.  
  901. /* Technology Pages */
  902.     
  903. #techstart {
  904.     float: right;
  905.     width: 125px;
  906.     font-size: 10px;
  907.     line-height: 15px;
  908.     padding: 8px 10px 10px;
  909.     margin: 0 10px 5px 10px;
  910.     border: 1px solid #a1a5a9;
  911.     background-color: #f1f1f1;
  912.     }
  913.     
  914. #techstart h3 {
  915.     font-size: 12px;
  916.     margin-bottom: 3px;
  917.     }
  918.     
  919. #techlist {
  920.     font-size: 11px;
  921.     margin: 0 0 15px;
  922.     }
  923.     
  924. #techlist h2 {
  925.     position: relative;
  926.     font-size: 12px;
  927.     padding: 0 0 9px 35px;
  928.     margin: 20px 0 5px;
  929.     background: url(/images/bg_tech_h2.gif) repeat-x bottom left;
  930.     }
  931.     
  932. #techlist h2 img {
  933.     position: absolute;
  934.     left: 0;
  935.     bottom: 1%;
  936.     }
  937.  
  938.     /* hack for various IEs \*/
  939.     #techlist img {
  940.         bottom: 0;
  941.         }
  942.     
  943.     * html #techlist h2 {
  944.         height: 100%;
  945.         }
  946.     /* end hack */
  947.  
  948.     
  949. #techlist p, #techlist h3, #techlist li {
  950.     font-size: 11px;
  951.     }
  952.     
  953. #techlist ul.inlinebottom { padding-bottom: 0;}
  954.     
  955. #techlist h4 {
  956.     font-weight: bold;
  957.     color: #000;
  958.     font-size: 11px;
  959.     }
  960.     
  961. #techchild h2 {
  962.     padding-bottom: 5px;
  963.     border-bottom: 1px solid #a1a5a9;
  964.     margin-bottom: 10px;
  965.     }    
  966.  
  967. #techchild h3 {
  968.     font-weight: normal;
  969.     }
  970.         
  971. .sidebartable {
  972.     border: 1px solid #a1a5a9;
  973.     margin-bottom: 10px;
  974.     }
  975.     
  976. .sidebartable th {
  977.     padding: 4px 8px 4px 10px;
  978.     background: #DBDBDB;
  979.     font-size: 12px;
  980.     font-weight: bold;
  981.     border-bottom: 1px solid #a1a5a9;
  982.     }
  983.     
  984. .sidebartable td {
  985.     padding: 0 10px 10px;
  986.     font-size: 11px;
  987.     text-align: left;
  988.     vertical-align: top;
  989.     }
  990.     
  991. .sidebartable h2, .sidebartable p, .sidebartable ul {
  992.     margin: 10px 0 2px;
  993.     padding: 0;
  994.     }
  995.     
  996. .sidebartable table td {
  997.     border: none;
  998.     padding: 0;
  999.     vertical-align: middle;
  1000.     }
  1001.     
  1002. h3.nolist { margin-bottom: 5px;}